<template>
	<view class="goods">
		<view class="left">
			<Img :src="goods.goodsImage" :customStyle="{width:'140rpx',height:'150rpx'}" />
		</view>
		<view class="center">
			<view class="u-main-color u-line-2 u-font-bold u-font-24">
				{{goods.goodsName}}
			</view>
			<view class="u-font-24 u-line-1">
				{{goods.goodsSpec}} {{goods.brandName || goods.goodsBrand}}
			</view>
		</view>
		<view class="right">
			<view class="top">
				<price :price="goods.goodsPrice" :taxPrice="goods.goodsCostPrice" />
			</view>
			<view class="u-tips-color u-font-24">
				× {{goods.goodsNum || goods.goodsQty}}
			</view>
		</view>
	</view>
</template>

<script>
	import Img from "@/components/goods/img.vue"
	import price from "@/components/goods/price.vue"
	export default{
		components:{Img,price},
		props:{
			goods:{
				type:Object
			}
		},
		data(){
			return {}
		}
	}
</script>

<style lang="scss" scoped>
	.goods{
		display: flex;
		.center{
			margin-left: 16rpx;
			width: 346rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 110rpx;
		}
		.right{
			width: 152rpx;
			text-align: right;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 110rpx;
		}
	}
</style>
